<div class="left_col scroll-view">
	<div class="navbar nav_title" style="border: 0">
		<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
	</div>

	<div class="clearfix"></div>

	<!-- menu profile quick info -->
	<div class="profile clearfix">
		<div class="profile_pic">
			<img src="/images/img.jpg" alt="..." class="img-circle profile_img" />
		</div>
		<div class="profile_info">
			<span>Welcome,</span>
			<h2>John Doe</h2>
		</div>
	</div>
	<!-- /menu profile quick info -->

	<br />

	<!-- sidebar menu -->
	<div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
		<div class="menu_section">
			<h3>General</h3>
			<ul class="nav side-menu">
				<li>
					<a><i class="fa fa-home"></i> Home </a>
				</li>
				<li>
					<a><i class="fa fa-users"></i> Account <span class="fa fa-chevron-down"></span></a>
					<ul class="nav child_menu">
						<li shiro:hasAnyRoles="admin,manager,staff"><a href="#">Profile</a></li>
						<li shiro:hasAnyRoles="admin,manager"><a href="/account/users">Users</a></li>
						<li shiro:hasAnyRoles="admin,manager"><a href="#">Roles</a></li>
						<li shiro:hasAnyRoles="admin,manager"><a href="#">Resource</a></li>
					</ul>
				</li>
				<li>
					<a><i class="fa  fa-space-shuttle"></i> Test <span class="fa fa-chevron-down"></span></a>
					<ul class="nav child_menu" shiro:hasAnyRoles="admin,manager,staff">
						<li><a href="/test/thymeleafTest">ThymeleafTest</a></li>
						<li><a href="/test/vueTest">VueTest</a></li>
                        <li>
							<a>二级标签<span class="fa fa-chevron-down"></span></a>
							<ul class="nav child_menu">
								<li class="sub_menu"><a href="#">三级标签1</a></li>
								<li class="sub_menu"><a href="#">三级标签2</a></li>
								<li class="sub_menu"><a href="#">三级标签3</a></li>
							</ul>
						</li>
					</ul>
				</li>
			</ul>
		</div>
	</div>
	<!-- /sidebar menu -->

	<!-- /menu footer buttons -->
	<div class="sidebar-footer hidden-small">
		<a data-toggle="tooltip" data-placement="top" title="Settings">
			<span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
		</a>
		<a data-toggle="tooltip" data-placement="top" title="FullScreen">
			<span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
		</a>
		<a data-toggle="tooltip" data-placement="top" title="Lock">
			<span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
		</a>
		<a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
			<span class="glyphicon glyphicon-off" aria-hidden="true"></span>
		</a>
	</div>
	<!-- /menu footer buttons -->
</div>
</div>